<template>
  <el-dialog
    :title="!dataForm.id ? '新增' : '修改'"
    :close-on-click-modal="false"
    :visible.sync="visible"
  >
    <el-form
      :model="dataForm"
      :rules="dataRule"
      ref="dataForm"
      @keyup.enter.native="dataFormSubmit()"
      label-width="80px"
    >
      <el-form-item
        label="仓库名称"
        prop="DepotName"
        :class="{ 'is-required': !dataForm.id }"
      >
        <el-input
          v-model="dataForm.DepotName"
          placeholder="仓库名称"
        ></el-input>
      </el-form-item>
      <el-form-item
        label="条码_名称(规格)(型号)(扩展信息)(单位)"
        prop="MaterialName"
        :class="{ 'is-required': !dataForm.id }"
      >
        <el-input
          v-model="dataForm.MaterialName"
          placeholder="条码_名称(规格)(型号)(扩展信息)(单位)"
        ></el-input>
      </el-form-item>
      <el-form-item
        label="商品信息"
        prop="Stock"
        :class="{ 'is-required': !dataForm.id }"
      >
        <el-input
          v-model="dataForm.Stock"
          placeholder="商品信息"
        ></el-input>
      </el-form-item>
      <el-form-item label="单位" prop="Unit">
        <el-input
          v-model="dataForm.Unit"
          placeholder="单位"
        ></el-input>
      </el-form-item>
      <el-form-item label="数量" prop="OperNumber">
        <el-input v-model="dataForm.OperNumber" placeholder="数量"></el-input>
      </el-form-item>
      <el-form-item label="单价" prop="UnitPrice">
        <el-input
          v-model="dataForm.UnitPrice"
          placeholder="单价"
        ></el-input>
      </el-form-item>
      <el-form-item label="金额" prop="AllPrice">
        <el-input v-model="dataForm.AllPrice" placeholder="金额"></el-input>
      </el-form-item>
    </el-form>
    <span slot="footer" class="dialog-footer">
      <el-button @click="visible = false">取消</el-button>
      <el-button type="primary" @click="dataFormSubmit()">确定</el-button>
    </span>
  </el-dialog>
</template>

<script>
import { isEmail, isMobile } from "@/utils/validate";
export default {
  data() {
    return {
      parentValue: [],
      parentOptions: [
        {
          value: "zhinan",
          label: "指南",
          children: [
            {
              value: "shejiyuanze",
              label: "设计原则",
              children: [
                {
                  value: "yizhi",
                  label: "一致",
                },
                {
                  value: "fankui",
                  label: "反馈",
                },
                {
                  value: "xiaolv",
                  label: "效率",
                },
                {
                  value: "kekong",
                  label: "可控",
                },
              ],
            },
            {
              value: "daohang",
              label: "导航",
              children: [
                {
                  value: "cexiangdaohang",
                  label: "侧向导航",
                },
                {
                  value: "dingbudaohang",
                  label: "顶部导航",
                },
              ],
            },
          ],
        },
        {
          value: "zujian",
          label: "组件",
          children: [
            {
              value: "basic",
              label: "Basic",
              children: [
                {
                  value: "layout",
                  label: "Layout 布局",
                },
                {
                  value: "color",
                  label: "Color 色彩",
                },
                {
                  value: "typography",
                  label: "Typography 字体",
                },
                {
                  value: "icon",
                  label: "Icon 图标",
                },
                {
                  value: "button",
                  label: "Button 按钮",
                },
              ],
            },
            {
              value: "form",
              label: "Form",
              children: [
                {
                  value: "radio",
                  label: "Radio 单选框",
                },
                {
                  value: "checkbox",
                  label: "Checkbox 多选框",
                },
                {
                  value: "input",
                  label: "Input 输入框",
                },
                {
                  value: "input-number",
                  label: "InputNumber 计数器",
                },
                {
                  value: "select",
                  label: "Select 选择器",
                },
                {
                  value: "cascader",
                  label: "Cascader 级联选择器",
                },
                {
                  value: "switch",
                  label: "Switch 开关",
                },
                {
                  value: "slider",
                  label: "Slider 滑块",
                },
                {
                  value: "time-picker",
                  label: "TimePicker 时间选择器",
                },
                {
                  value: "date-picker",
                  label: "DatePicker 日期选择器",
                },
                {
                  value: "datetime-picker",
                  label: "DateTimePicker 日期时间选择器",
                },
                {
                  value: "upload",
                  label: "Upload 上传",
                },
                {
                  value: "rate",
                  label: "Rate 评分",
                },
                {
                  value: "form",
                  label: "Form 表单",
                },
              ],
            },
            {
              value: "data",
              label: "Data",
              children: [
                {
                  value: "table",
                  label: "Table 表格",
                },
                {
                  value: "tag",
                  label: "Tag 标签",
                },
                {
                  value: "progress",
                  label: "Progress 进度条",
                },
                {
                  value: "tree",
                  label: "Tree 树形控件",
                },
                {
                  value: "pagination",
                  label: "Pagination 分页",
                },
                {
                  value: "badge",
                  label: "Badge 标记",
                },
              ],
            },
            {
              value: "notice",
              label: "Notice",
              children: [
                {
                  value: "alert",
                  label: "Alert 警告",
                },
                {
                  value: "loading",
                  label: "Loading 加载",
                },
                {
                  value: "message",
                  label: "Message 消息提示",
                },
                {
                  value: "message-box",
                  label: "MessageBox 弹框",
                },
                {
                  value: "notification",
                  label: "Notification 通知",
                },
              ],
            },
            {
              value: "navigation",
              label: "Navigation",
              children: [
                {
                  value: "menu",
                  label: "NavMenu 导航菜单",
                },
                {
                  value: "tabs",
                  label: "Tabs 标签页",
                },
                {
                  value: "breadcrumb",
                  label: "Breadcrumb 面包屑",
                },
                {
                  value: "dropdown",
                  label: "Dropdown 下拉菜单",
                },
                {
                  value: "steps",
                  label: "Steps 步骤条",
                },
              ],
            },
            {
              value: "others",
              label: "Others",
              children: [
                {
                  value: "dialog",
                  label: "Dialog 对话框",
                },
                {
                  value: "tooltip",
                  label: "Tooltip 文字提示",
                },
                {
                  value: "popover",
                  label: "Popover 弹出框",
                },
                {
                  value: "card",
                  label: "Card 卡片",
                },
                {
                  value: "carousel",
                  label: "Carousel 走马灯",
                },
                {
                  value: "collapse",
                  label: "Collapse 折叠面板",
                },
              ],
            },
          ],
        },
        {
          value: "ziyuan",
          label: "资源",
          children: [
            {
              value: "axure",
              label: "Axure Components",
            },
            {
              value: "sketch",
              label: "Sketch Templates",
            },
            {
              value: "jiaohu",
              label: "组件交互文档",
            },
          ],
        },
      ],
      value1: "",
      value2: "",
      options: [
        {
          value: "1",
          label: "未营业",
        },
        {
          value: "2",
          label: "正常营业",
        },
        {
          value: "3",
          label: "暂停营业",
        },
        {
          value: "4",
          label: "终止营业",
        },
        {
          value: "5",
          label: "已除名",
        },
      ],
      value: "",
      visible: false,
      roleList: [],
      dataForm: {
        id: 0,
        DepotName: "",
        MaterialName: "",
        Stock: "",
        Unit: "",
        OperNumber: "",
        UnitPrice: "",
        AllPrice: "",
      },
      dataRule: {
        DepotName: [
          { required: true, message: "仓库名称不能为空", trigger: "blur" },
        ],
        MaterialName: [
          { required: true, message: "条码_名称(规格)(型号)(扩展信息)(单位)不能为空", trigger: "blur" },
        ],
        Stock: [
          { required: true, message: "商品信息不能为空", trigger: "blur" },
        ],
        Unit: [
          { required: true, message: "单位不能为空", trigger: "blur" },
        ],
        OperNumber: [
          { required: true, message: "数量不能为空", trigger: "blur" },
        ],
        UnitPrice: [
          { required: true, message: "单价不能为空", trigger: "blur" },
        ],
        AllPrice: [
          { required: true, message: "付款不能为空", trigger: "blur" },
        ],
      },
    };
  },
  methods: {
    handleChange(value) {
      console.log(value);
    },
    // init(id) {
    //   this.dataForm.id = id || 0;
    //   console.log(this.dataForm.id);
    //   this.$http({
    //     url: this.$http.goods('/depotItem/getDetailList'),
    //     method: "get",
    //     params: {
    //       headerId: this.dataForm.id,
    //     },
    //   })
    //     .then(({ data }) => {
    //       //console.log(data.data.rows);
    //       this.dataForm = data.code === 200 ? data.data.rows[0] : [];
    //       console.log(this.dataForm);
    //       console.log(this.dataForm.id);
    //       // this.dataForm.Stock = data.data.rows[0].MaterialName;
    //       //       this.dataForm.number = data.data.rows[0].salt;
    //       //       this.dataForm.Stock = data.data.rows[0].email;
    //       //       this.dataForm.Unit = data.data.rows[0].mobile;
    //       //       this.dataForm.OperNumber = data.data.rows[0].roleIdList;
    //       //       this.dataForm.UnitPrice = data.data.rows[0].status;
    //       //       this.dataForm.AllPrice = data.data.rows[0].status;
    //     })
    //     .then(() => {
    //       this.visible = true;
    //       this.$nextTick(() => {
    //         this.$refs["dataForm"].resetFields();
    //       });
    //     });
    // },
    init(id) {
      console.log(id)
      this.dataForm.id = id || 0;
      this.$http({
        url: this.$http.adornUrl("/sys/role/select"),
        method: "get",
        params: this.$http.adornParams(),
      })
        .then(({ data }) => {
          this.roleList = data && data.code === 0 ? data.list : [];
        })
        .then(() => {
          this.visible = true;
          this.$nextTick(() => {
            this.$refs["dataForm"].resetFields();
          });
        })
        .then(() => {
          if (this.dataForm.id) {
            this.$http({
              url: this.$http.goods('/depotItem/getDetailList'),
              method: "get",
              params:this.$http.adornParams({
                headerId: this.dataForm.id,
              }),
            }).then(({ data }) => {
              console.log(data);
              this.dataForm =data.data.rows[0];
            });
          }
        });
        console.log(this.dataForm.id)
    },

    // 表单提交
    dataFormSubmit() {
      this.$refs["dataForm"].validate((valid) => {
        if (valid) {
          this.$http({
            url: this.$http.adornUrl(
              `/sys/organization/${
                !this.dataForm.id ? "addOrganization" : "update"
              }`
            ),
            method: "post",
            data: this.$http.adornData({
              id: this.dataForm.id || undefined,
              DepotName: this.dataForm.DepotName,
              MaterialName: this.dataForm.MaterialName,
              Stock: this.dataForm.Stock,
              Unit: this.dataForm.Unit,
              OperNumber: this.dataForm.OperNumber,
              sort: this.dataForm.sort,
              UnitPrice: this.dataForm.UnitPrice,
              AllPrice: this.dataForm.AllPrice,
            }),
          }).then(({ data }) => {
            if (data && data.code === 0) {
              this.$message({
                message: "操作成功",
                type: "success",
                duration: 1500,
                onClose: () => {
                  this.visible = false;
                  this.$emit("refreshDataList");
                },
              });
            } else {
              this.$message.error(data.msg);
            }
          });
        }
      });
    },
  },
};
</script>
